<div class="topicList">
    <div class="header">
        <h4 class="title">话题列表</h4>
    </div>
    <div class="searchList">
        <form class="form-horizontal" ng-submit="searchTopicList()">
            <div class="form-group">
                <label for="display" class="col-sm-2 control-label">话题状态</label>
                <div class="col-sm-4">
                    <select class="form-control" id="display" ng-model="search.display">
                        <option value="1">有效</option>
                        <option value="0">无效</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-4">
                    <input type="text" class="form-control" placeholder="请输入话题关键字..." ng-model="search.key">
                </div>
                <div class="col-sm-2">
                    <button type="submit" class="btn btn-default">查询</button>
                </div>
                <div class="col-sm-1">
                    <a href="" class="btn btn-default" ng-click="topicCreate()">新建</a>
                </div>
            </div>
        </form>
    </div>
    <section>
        <div class="item" ng-repeat="item in topicList">
            <div class="background">
                <div class="img-box"><img ng-src="{{item.background}}" alt="" /></div>
                <div class="tr">
                    <span title="评论数"><i class="glyphicon glyphicon-comment"></i><a ui-sref="home.topic.comments({id:item.id})">{{item.participants}}</a></span>
                    <span title="点赞数"><i class="glyphicon glyphicon-thumbs-up"></i><a href="">{{item.goods}}</a></span>
                </div>
            </div>
            <p class="title"  title="标题">{{item.title}}</p>
            <div class="intro"  title="简介">{{item.intro}}</div>
            <!--<div class="tr">-->
                <!--<span><i class="fa fa-comments"></i><a href="">{{item.participants}}</a></span>-->
                <!--<span><i class="fa fa-thumbs-up"></i><a href="">{{item.goods}}</a></span>-->
            <!--</div>-->
            <!--<div class="op">-->
                <!--<span class="left">-->
                    <!--<i class="fa fa-thumb-tack {{item.top ? '':'un-top'}}"></i>-->
                    <!--<i class="fa fa-circle {{item.display ? 'un-display':'display'}}"></i>-->
                <!--</span>-->
                <!--<span class="right">-->
                    <!--<i class="fa fa-pencil"></i>-->
                    <!--<i class="fa fa-trash"></i>-->
                <!--</span>-->
            <!--</div>-->
            <div class="op">
                <span class="left">
                    <i class="glyphicon glyphicon-pushpin {{item.top ? '':'un-top'}}"  title="{{item.top ? '取消':''}}置顶" ng-click="updateTop(item)"></i>
                    <span class="{{item.display ? 'green':'red'}}" title="话题状态">{{item.display ? '有效':'无效'}}</span>
                </span>
                <span class="right">
                    <i class="glyphicon glyphicon-pencil" title="编辑" ng-click="topicEdit(item)"></i>
                    <i class="glyphicon  {{item.display ? 'glyphicon-eye-close':'glyphicon-eye-open'}}" title="置为{{item.display ? '无效':'有效'}}" ng-click="topicDisplay(item)"></i>
                </span>
            </div>
        </div>
    </section>
</div>